.order-wrapper {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}

.left-wrapper {
  // height: calc(100vh - 110px);
  flex: 1 0 50%;
  min-width: calc(50% - 5px);
  margin-right: 12px;
  .left-tablt-wrap {
    width: 100%;
    height: 100%;
    .header-wrap {
      width: 100%;
      overflow: hidden;
      height: 65px;
      max-height: 65px;
      .uploader-wrap {
        float: left;
        width: 20%;
        max-width: 20%;
        margin-right: 10px;
        color: red;
      }
    }
  }

  .OrderTable {
    height: 100%;
    background: red;
    ::v-deep .el-card {
      height: 100%;
      .el-card__body {
        height: 100%;
      }
    }
  }
  .table1-wrap,
  .table2-wrap {
    // height: calc((100% - 55px - 5px) / 2);
    height: calc((100%) / 2);
  }
  .file-item {
    display: none;
  }
  .progress-wrap {
    width: calc(100% - 5px);
  }
}

.right-wrapper {
  // height: calc(100vh - 110px);
  flex: 1 0 50%;
  min-width: calc(50% - 5px);
  // display: flex;
  // flex-direction: column;
  margin-left: 12px;

  .ecahrt-wrap {
    // flex: 1 1 auto;
    height: 33%;
    padding-bottom: 23px;
    &:nth-last-child(1) {
      padding-bottom: 0px;
    }
  }
}
